  <template>
    
		<div class="bgBox">
				<div class="loginBox">
						<div class="label">账号登陆</div>
						<div class="loginFrom">
							<el-input placeholder="请输入管理员账号"  v-model="account"></el-input>
							<el-input placeholder="请输入管理员密码" v-model="passwords"></el-input>
							<el-button class="button_type" @click="handleLoginClick" type="primary">立即登陆</el-button>
						</div>
				</div>
				
		</div>
  </template>

  <script>
  export default {
	  name:"Login",
      data() {
        return {
           account:'',
					 passwords:''
        }
      },
			methods: {
				handleLoginClick:function(){
					if(this.account == 'spadmin'){
						this.$message({
							message : '登陆成功',
							type : 'success',
							onClose:function(){
								console.log("开始跳转")
							}
						})
						
					}else{
						this.$message.error('登陆失败');
					}
				}
			}
    }
  </script>
	
	<style>
	.bgBox{
		width: 100%;
		height: 100%;
		background: #252834;
		padding-top: 1px;
		margin-top: -1px;
	}
	.loginBox{
		width: 380px;
		height: 350px;
		margin: auto;
		position: absolute;
		top:0;
		left: 0;
		right: 0;
		bottom: 0;
		background-color: #fff;
		padding: 40px;
		padding-bottom: 20px;
		border-radius: 0px;
		box-shadow: 0 0 30px #000;
		
	}
	.loginBox .label{
			font-size: 20px;
	}
	.el-input{
		margin-top: 20px;
	}
	.button_type{
		margin-top: 20px;
		width: 100%;
	}
	</style>